Design by Example of Graphical User Interfaces Adapting to Available Screen Size

Currently, it is difficult for a designer to create user interfaces that are of high aesthetic quality for a continuously growing range of devices with varied screen sizes. Most existing approaches use abstractions that only support form based user interfaces. These user interfaces may be usable but are of low aesthetic quality. In this paper, we present a technique to design adaptive graphical user interfaces by example (i.e. user interfaces that can adapt to the target platform, the user, etc.), which can produce user interfaces of high aesthetic quality while reducing the development cost inherent to manual approaches. Designing adaptive user interfaces by example could lead to a new generation of design tools that put adaptive user interface development within reach of designers as well as developers.